<!DOCTYPE html>
<!--[if IE 7]><html class="ie ie7 no-js" lang="en-US"><!
[endif]-->
<!--[if IE 8]><html class="ie ie8 no-js" lang="en-US"><!
[endif]--><!--[if !(IE 7) | !(IE 8)]><!-->
<html lang="en" class="no-js">
  <head>
    <!-- Basic need -->
    <title>电影可视化推荐系统</title>
    <meta charset="UTF-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="author" content="" />
    <link rel="profile" href="" />
    <!--Google Font-->
    <link rel="stylesheet" href="assets/css/css.css" />
    <!-- Mobile specific meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="format-detection" content="telephone-no" />
    <!-- CSS files -->
    <link rel="stylesheet" href="assets/css/plugins.css" />
    <link rel="stylesheet" href="assets/css/style.css" />
  </head>
  <body>
    <!--preloading-->
    <div id="preloader">
      <img
        class="logo"
        src="assets/picture/logo1.png"
        alt=""
        width="119"
        height="58"
      />
      <div id="status"><span></span><span></span></div>
    </div>
    <!--end of preloading--><!--login form popup-->
    <div class="login-wrapper" id="login-content">
      <div class="login-content">
        <a href="#" class="close">x</a>
        <h3>Login</h3>
        <form method="post" action="login.php">
          <div class="row">
            <label for="username"
              >Username:<input
                type="text"
                name="username"
                id="username"
                placeholder="Hugh Jackman"
                pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{8,20}$"
                required="required"
            /></label>
          </div>
          <div class="row">
            <label for="password">
              Password:<input
                type="password"
                name="password"
                id="password"
                placeholder="******"
                pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$"
                required="required"
            /></label>
          </div>
          <div class="row">
            <div class="remember">
              <div>
                <input
                  type="checkbox"
                  name="remember"
                  value="Remember me"
                /><span>Remember me</span>
              </div>
              <a href="#">Forget password ?</a>
            </div>
          </div>
          <div class="row"><button type="submit">Login</button></div>
        </form>
        <div class="row">
          <p>Or via social</p>
          <div class="social-btn-2">
            <a class="fb" href="#"
              ><i class="ion-social-facebook"></i>Facebook</a
            ><a class="tw" href="#"
              ><i class="ion-social-twitter"></i>twitter</a
            >
          </div>
        </div>
      </div>
    </div>
    <!--end of login form popup--><!--signup form popup-->
    <div class="login-wrapper" id="signup-content">
      <div class="login-content">
        <a href="#" class="close">x</a>
        <h3>sign up</h3>
        <form method="post" action="signup.php">
          <div class="row">
            <label for="username-2"
              >Username:<input
                type="text"
                name="username"
                id="username-2"
                placeholder="Hugh Jackman"
                pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{8,20}$"
                required="required"
            /></label>
          </div>
          <div class="row">
            <label for="email-2">
              your email:<input
                type="password"
                name="email"
                id="email-2"
                placeholder=""
                pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$"
                required="required"
            /></label>
          </div>
          <div class="row">
            <label for="password-2">
              Password:<input
                type="password"
                name="password"
                id="password-2"
                placeholder=""
                pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$"
                required="required"
            /></label>
          </div>
          <div class="row">
            <label for="repassword-2">
              re-type Password:<input
                type="password"
                name="password"
                id="repassword-2"
                placeholder=""
                pattern="(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$"
                required="required"
            /></label>
          </div>
          <div class="row"><button type="submit">sign up</button></div>
        </form>
      </div>
    </div>
    <!--end of signup form popup-->
    <div class="page-single-2">
      <div class="container">
        <div class="row ipad-width">
          <div class="left-content">
            <a href="index.html"
              ><img class="md-logo" src="assets/picture/logo1.png" alt=""
            /></a>
            <h1>Coming soon</h1>
            <p>We are working hard to get back to you in</p>
            <div class="row">
              <div class="col-md-6 col-sm-12 col-xs-12">
                <div class="coming-ct">
                  <div id="clockdiv" class="time">
                    <div class="it-time">
                      <span class="days"></span><br />
                      <p>days</p>
                    </div>
                    <div class="it-time">
                      <span class="hours"></span><br />
                      <p>hours</p>
                    </div>
                    <div class="it-time">
                      <span class="minutes"></span><br />
                      <p>Minutes</p>
                    </div>
                    <div class="it-time">
                      <span class="seconds"></span><br />
                      <p>Seconds</p>
                    </div>
                  </div>
                </div>
                <h3>Nofication me</h3>
                <form action="#">
                  <input
                    class="email"
                    type="text"
                    placeholder="Enter your email"
                  /><input
                    class="redbtn"
                    type="submit"
                    placeholder="subscribe"
                  />
                </form>
              </div>
              <div class="col-md-6 col-sm-12 col-xs-12">
                <img class="cm-img" src="assets/picture/cm-img.png" alt="" />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="assets/js/jquery.js"></script>
    <script src="assets/js/plugins.js"></script>
    <script src="assets/js/plugins2.js"></script>
    <script src="assets/js/custom.js"></script>
  </body>
</html>
